<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
         <link href="style2.css" rel="stylesheet" type="text/css" />
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                
                <title>MANTENIMIENTOS</title>
            </f:facet>
        </h:head>

        <h:body>

          <div id="container">
  <div id="banner">
    <h1>LA GEA EL SALVADOR</h1>
  </div>
              <div id="navbar2" >
    <ul>
        <li>SESION INICIADA COMO: #{datosSesionBean.nombreUsuario}</li>
    </ul>
  </div>
  <div id="navbar">
      <h:form>
    <ul>
       <li><h:link outcome="MenuInicio">INICIO</h:link></li>
    <li><h:link outcome="Usuarios">USUARIOS</h:link></li> 
    <li><h:link outcome="Reportes">REPORTES</h:link></li>
    <li><h:link outcome="Ordenes">ORDENES</h:link></li>
    <li><h:link outcome="Inventarios">INVENTARIOS</h:link></li>
    <li><h:link outcome="Mantenimientos">MANTENIMIENTOS</h:link></li>
    <li><h:link outcome="MiCuenta">MI CUENTA</h:link></li>
    <li><h:commandLink actionListener="#{datosSesionBean.cerrarSesion()}">SALIR</h:commandLink></li>
    
    </ul>
          </h:form>
  </div>
  <div class="clear"></div>
  <div id="content">
      <h:form id="form" >         
          <p:panel style=" height: 500px" id="menu" header="MANTENIMIENTOS ">
    <br/>
            <p:dashboard  id="board" model="#{dashboardBean.model}">   
        
       <p:panel style="margin-left:15px" id="EMPLEADOS" header="EMPLEADOS">  
           <h:link outcome="Usuarios"> <img src="./images/usuarios.png" alt="empleados" width="83" height="94" ></img></h:link>  
        </p:panel>           
        <p:panel style="margin-left:15px" id="DEPARTAMENTOS" header="DEPARTAMENTOS">  
            <h:link outcome="Departamentos"> <img src="./images/departamentos.png" alt="departamentos" ></img></h:link>  
        </p:panel>  
  
        <p:panel style=" margin-left:15px" id="MUNICIPIOS" header="MUNICIPIOS">  
            <h:link outcome="Municipios" ><img src="./images/municipios.png" alt="informacion personal"></img></h:link>
        </p:panel>  
                
          <p:panel style=" margin-left:15px" id="SERVICIOS" header="SERVICIOS">  
            <h:link outcome="servicios" ><img src="./images/herramienta.png" alt="SERVICIOS"></img></h:link>
        </p:panel>   
                <p:panel style=" margin-left:15px" id="MATERIALES" header="MATERIALES">  
            <h:link outcome="Materiales" ><img src="./images/materiales.png" alt="MATERIALES"></img></h:link>
        </p:panel>  
              
                <p:panel style=" margin-top: 15px; margin-left:15px " id="PROVEEDORES" header="PROVEEDORES">  
            <h:link outcome="proveedor" ><img src="./images/proveedor.png" alt="SERVICIOS"></img></h:link>
        </p:panel>  
                    
    </p:dashboard>  
             
     <br/><br/><br/><br/><br/><br/><br/><br/><br/>
        </p:panel></h:form> 
  </div>
  <div class="clear"></div>
  <div id="footer">
      <p align="center">ADMINISTRADO Y DISEÑADO POR ANALISIS DE SISTEMAS 2</p>
  </div>
</div>

        </h:body>

    </f:view>
</html>